<hgroup><h1><?=TITLE?></h1></hgroup>
<h2 class="none"><?=DESCRIPTION?></h2>
<div id="albums">
<?if($page->media) foreach($page->media as $k=>$i):?>
<div id="<?=$k?>" class="image">
    <a class="thumb" href="/<?=$i->src?>" title="<?=$i->alt?>">
        <img src="/<?=$i->thumb?>" alt="<?=$i->alt?>" />
    </a>
    <div id="<?=$k?>" class="name"><?=$i->alt?></div>
</div>
<?endforeach;?>
</div>
<div class="clear"></div>
<script src="//<?=COOKIELESS?>/lib/js/ubox-min.js"></script>
<script>
$('#page .thumb').ubox();
$('#albums img').load(function(){ $('#albums').masonry({ singleMode: true }); });
</script>